<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 3.新制作一个注册页面，要求：
      3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
      3.3 每个需要提交的标签都要有name值
      3.4 按照name的方式查找各个元素
      3.5 按照标签的方式查找各个元素 -->
	  
		<form action="#" method="post" id="myfrom">
			用户名: <input type="text" name="user" id="username" value="" />
		<br>
		密码: <input type="password" name="pwd" id=""/>
		<br>
		性别: <input type="radio" name="sex" id="" value="" />男
			  <input type="radio">女
		<br>
		学院:<select name="xueyuan" id="">
				<option value="1">软件工程学院</option>
				<option value="2">教育与艺术学院</option>
				<option value="3">城乡建筑学院</option>
			</select>
		<br>
		爱好:<input type="checkbox" name="a1" id="">音乐
			<input type="checkbox" name="a2" id="">阅读
			<input type="checkbox" name="a3" id="">运动
		<br>
		自我介绍:<textarea name="text" id="" cols="30" rows="10"></textarea>
		<br>
		<button type="button">提交</button>
		</form>	
	</body>
	<script type="text/javascript">
		var user_1=document.getElementsByName('user');
		console.log(user_1);
		var user_2=document.getElementsByName('pwd');
		console.log(user_2);
		var user_3=document.getElementsByName('sex');
		console.log(user_3);
		var user_4=document.getElementsByName('xueyuan');
		console.log(user_4);
		var user_5=document.getElementsByName('a1');
		console.log(user_5);
		var user_6=document.getElementsByName('a2');
		console.log(user_6);
		var user_7=document.getElementsByName('a3');
		console.log(user_7);
		var user_8=document.getElementsByName('text');
		console.log(user_8);
		var label=document.getElementsByTagName('input');
		console.log(label[0]);
		console.log(label[1]);
		console.log(label[2]);
		console.log(label[3]);
		console.log(label[4]);
		console.log(label[5]);
		var label1=document.getElementsByTagName('select');
		console.log(label1[0]);
		var label2=document.getElementsByTagName('textarea')
		console.log(label2[0]);

	</script>
</html>
